{% load static %}
<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport"
              content="width=device-width, initial-scale=1.0, user-scalable=no">
        <title>
            {% block title %}
                步客旅行者
            {% endblock title %}
        </title>
        <link rel="icon"
              type="image/xml+svg"
              href="{% static 'platform/favicon.svg' %}">
        <link rel="stylesheet" href="{% static 'magick.css' %}">
        <script src="{% static 'js/htmx.min.js' %}"></script>
        {% block extra_head %}
        {% endblock extra_head %}
    </head>
    <body hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
        <header style="margin: 0">
            {% block header %}
            {% block header_title %}
            <h1>步客旅行者</h1>
            {% endblock header_title %}
            <nav >
                <ul>
                    <li><a href="/">首页</a></li>
                    {% if user.is_authenticated %}
                    <li><a href="{% url 'write_post' %}" >写新日志</a></li>
                    <li >
                        <a href="{% url 'someones_post_list' user.id %}" >
                            {% if user.nickname %}
                                自己（{{ user.nickname }}）
                            {% else %}
                                自己（{{ user.username }}）
                            {% endif %}
                        </a>
                    </li>
                    <li><a hx-post="{% url 'logout' %}?next={{ request.path }}" hx-target="body" type="submit" >退出</a></li>
                    {% else %}
                    <li><a href="{% url 'login' %}?next={{ request.path }}" >登录</a></li>
                    {% endif %}
                </ul>
            </nav>
            {% endblock header %}
        </header>
        <main>
            {% block has_messages %}
            {% if messages %}
            <blockquote>
                {% for message in messages %}
                <p>{{ message }}</p>
                {% endfor %}
            </blockquote>
            {% endif %}
            {% endblock has_messages %}
            {% block main %}
            {% endblock main %}
            <footer>
                <hr>
                <p>
                    <a href="{% url 'profile' %}">个人信息设置</a>
                    {% if user.is_authenticated %}
                    | <a href="{% url 'invite_codes' %}">我的邀请码</a>
                    {% if user.is_staff %}
                    | <a href="{% url 'admin:index' %}" target="_blank">管理后台 ↗</a>
                    {% endif %}
                    {% endif %}
                </p>
            </footer>
        </main>
        {% block extra_js %}
        {% endblock extra_js %}
    </body>
</html>
